import React, { useState } from 'react'
import './qkl_msg.scss'
import {
  LeftOutlined
} from '@ant-design/icons';

export default function qkl_msg() {
  const [list, setList] = useState([{ _id: 1, name: '天天天', url: 'https://img.zcool.cn/community/031vxvybtsae3l89qswy4no3530.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80' }])
  return (
    <div>
      <div className="mythree_top">
        <p><LeftOutlined /></p>
        <h3>区块链信息</h3>
        <div></div>
      </div>
      <div className="qkl">
        <div className="box">
          <h4 className='gray'>百度超级链</h4>
          <p className='gray'>SDSDJIWJDIWJ928392DSDDASQ</p>
        </div>
        <div className="box">
          <h4 className='gray'>腾讯至信链</h4>
          <p className='gray'>ZSDDJIWJDIWJ928392DSDDASQ</p>
        </div>
        <div className="box">
          <h4 className='gray'>阿里蚂蚁链</h4>
          <p className='gray'>ZSDDJIWJDIWJ928392DSDDASQ</p>
        </div>
      </div>
    </div>
  )
}
